import { defineConfig, loadEnv } from 'vite'
import vue from '@vitejs/plugin-vue'
import AutoImport  from 'unplugin-auto-import/vite'
import Components from 'unplugin-vue-components/vite'
import { ElementPlusResolver } from 'unplugin-vue-components/resolvers'


// https://vitejs.dev/config/
export default defineConfig(({command, mode, ssrBuild})=>{
  let env = undefined
                // dev
  if (command === 'serve'){
    env = loadEnv('development',process.cwd(),'')
    return{
      plugins: [vue()],
      server:{
        port:env.PORT
      },
      define:{
        'process.env': env
      }
    }
  }else if(command === 'build'){
    env = loadEnv("production", process.cwd(),'')
    console.log(env.PORT);
    
    return{
      plugins: [vue(),
        AutoImport({
          resolvers:[ElementPlusResolver()]
        }),
        Components({
          resolvers: [ElementPlusResolver()],
        }),],
        
      server:{
        port:env.PORT
      },
      define:{
        'process.env': env
      }
    }
  }

})
